<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>动态排序表格DEMO</title>
  <link rel="stylesheet" href="./index.css">
</head>
<body>
<table class="container">
  <thead>
  <tr>
    <th>
      <input type="checkbox" class="checkAll">
    </th>
    <th>编号</th>
    <th>姓名</th>
    <th>年龄</th>
    <th>职位</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>3</td>
    <td>王同学</td>
    <td>24</td>
    <td>C++程序员</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>5</td>
    <td>张同学</td>
    <td>24</td>
    <td>WEB前端</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>22</td>
    <td>玛丽</td>
    <td>30</td>
    <td>测试员</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>6</td>
    <td>艾伦</td>
    <td>21</td>
    <td>交互设计师</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>17</td>
    <td>小明同学</td>
    <td>28</td>
    <td>PHP工程师</td>
  </tr>
  </tbody>
</table>

<script src="index.js"></script>
</body>
</html>